<template>
  <div>
    <mt-tabbar v-model="selected">
      <mt-tab-item id="sy">
        首页
        <img
          :src="require(`@/assets/main_${selected == 'sy' ? 1 : 0}.png`)"
          slot="icon"
        />
      </mt-tab-item>
      <mt-tab-item id="gwc">
        购物车
        <img
          :src="require(`@/assets/cart_${selected == 'gwc' ? 1 : 0}.png`)"
          slot="icon"
        />
      </mt-tab-item>
      <mt-tab-item id="wd">
        我的
        <img
          :src="require(`@/assets/me_${selected == 'wd' ? 1 : 0}.png`)"
          slot="icon"
        />
      </mt-tab-item>
    </mt-tabbar>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: "sy",
    };
  },
};
</script>
